<!--2：熟悉a-z开头的所有标签,写个案例(一半)-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标签案例</title>
	</head>
	<body>
		<!--a 指向百度的超链接-->
		<p><a href="http://www.baidu.com.cn">百度</a></p>
		
		<!--abbr 标记一个缩写-->
		<p>The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.</p>
		
		<!--b 呈现粗体文本效果-->
		<p>这是普通文本 - <b>这是粗体文本</b>。</p>
		
		<!--blockquote 标记长的引用-->
		<p>Here comes a long quotation:
			<blockquote>
			这是一个长引用，浏览器在 blockquote 元素前后添加了换行，并增加了外边距。This is a long quotation.
			</blockquote>
		</p>
		
		<!--canvas 通过canvas元素来显示一个红色的矩形-->
		<p>
			<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
			<script type="text/javascript">
			var canvas=document.getElementById('myCanvas');
			var ctx=canvas.getContext('2d');
			ctx.fillStyle='#FF0000';
			ctx.fillRect(0,0,80,100);
			</script>
		</p>
		
		<!--caption 定义表格标题-->
		<p>
			<table border="6">
			<caption>这是标题</caption>
			<tr>
			  <td>收入</td>
			  <td>支出</td>
			</tr>
			<tr>
			  <td>400</td>
			  <td>500</td>
			</tr>
			</table>
		</p>
		
		<!--div 定义文档中的节,文档中的一个部分会显示为绿色-->
		<p>
			这句话的下句会变成绿色<div style="color:#00FF00">这是绿色</div>
		</p>
		
		<!--dl 定义定义列表-->
		<p>
			<dl>
			   <dt>计算机</dt>
			   <dd>用来计算的仪器 ... ...</dd>
			   <dt>显示器</dt>
			   <dd>以视觉方式显示信息的装置 ... ...</dd>
			</dl>
		</p>
		
		<!--fieldset 定义围绕表单中元素的边框,组合表单中的相关元素-->
		<p>
			<form>
			  <fieldset>
			    <legend>定义以下元素的边框</legend>
			    身高：<input type="text" />
			    体重：<input type="text" />
			  </fieldset>
			</form>
		</p>
		
		<!--figure 用作文档中插图的图像-->
		<p>
			<figure>
			  这下面是一张图<br />
			  <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg2.doubanio.com%2Fview%2Frichtext%2Fs%2Fpublic%2Fp252796172.jpg&refer=http%3A%2F%2Fimg2.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657503615&t=46c9ddb160d2575698750f1d315431ef" />
			  <br />这上面是一张图
			</figure>
		</p>
		
		<!--wbr 定义可能的换行符,一段带有 Word Break Opportunity 的文本-->
		<p>
			如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
		</p>
	</body>
</html>